<template>
    <div class="revervation">
        <van-nav-bar title="宠物寄养" left-text="返回" left-arrow @click-left="goBack"></van-nav-bar>
        <!-- 添加联系人卡片 -->
        <van-contact-card type="add" @click="onAdd" v-if="!currentContact" />
        <!-- 显示联系人 -->
        <van-contact-card type="edit" v-else :name="currentContact.name" :tel="currentContact.tel" @click="onEdit" />

    </div>
</template>

<script>
export default {
    props: ['b_id', 'b_name', 'b_price'],
    data() {
        return {
            currentContact: null,
        }
    },
    methods: {
        // 返回
        goBack() {
            this.$router.back()
        },
        onAdd() {
            // 跳转到添加联系人界面
            this.$router.push("/contactAdd");
        },
        // 获取默认联系人
        getContact(){
            this.http.get(this.$api.getContact).then(res=>res.data)
                .then(res =>{
                    console.log(res,'111');
                    if(res && res.data) {
                        this.currentContact = res?.data[0]
                    }
                })
        },
        // 编辑联系人
        onEdit(){

            // 跳转到联系人列表
            this.$router.push(`/contactList`)
        }
    },
    mounted(){
        this.getContact()
    }
}
</script>

<style></style>